<template>
    <div class="loadings">
        <div class="box"><loading1></loading1></div>
        <div class="box"><loading2></loading2></div>
        <div class="box"><loading3></loading3></div>
        <div class="box"><loading4></loading4></div>
    </div>
</template>
<script>
import loading1 from '@/components/loadings/loading1'
import loading2 from '@/components/loadings/loading2'
import loading3 from '@/components/loadings/loading3'
import loading4 from '@/components/loadings/loading4'
export default {
    components:{loading1,loading2,loading3,loading4}
}
</script>
<style  scoped>
.loadings{
    /* height: 100vh; */
    display: flex;
    flex-wrap: wrap;
}
.box{
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    margin-right: 5px;
}
</style>